<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>Ergo</title>
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="./assets/css/swiper-bundle.min.css" />
    <!-- bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

    <!-- animate.css -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />

    <!-- reset.less -->
    <link rel="stylesheet/less" href="./assets/css/reset.less" />

    <!-- common.less -->
    <link rel="stylesheet/less" href="./assets/css/common.less" />

    <!-- index.less -->
    <link rel="stylesheet/less" href="./assets/css/index.less" />

    <!-- 百度地图 -->
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=VXu8j79wOWpgqU4LxA8MgYkSDho2dSNv"></script>
</head>
<body>
   <div class="login">
        <div id="header">
            <div class="top">
                <div class="top-left">
                    <img src="./assets/images/gengduo-.png" alt=""/>
                </div>
                <div class="top-middle">
                    <img src="./assets/images/logo.png" alt=""/>
                </div>
                <div class="top-right">
                    <img src="./assets/images/sousuo.png" alt=""/>
                </div>
            </div>
        </div>
        <!-- Swiper -->
        <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="./assets/images/banner.png" alt=""/></div>
          <div class="swiper-slide"><img src="./assets/images/banner.png" alt=""/></div>
          <div class="swiper-slide"><img src="./assets/images/banner.png" alt=""/></div>
          <div class="swiper-slide"><img src="./assets/images/banner.png" alt=""/></div>
          <div class="swiper-slide"><img src="./assets/images/banner.png" alt=""/></div>
        </div>
        <div class="swiper-pagination"></div>
        </div>
        <div class="fxpg">
            风险评估
        </div>
        <div class="t1">
            <div class="tub">
                <div class="bg">
                    <img src="./assets/images/assessment-img1.png" alt=""/>
                </div>
                <span>办公室</span>
            </div>
            <div class="tub">
                <div class="bg">
                    <img src="./assets/images/assessment-img2.png" alt=""/>
                </div>
                <span>工业</span>
            </div>
            <div class="tub">
                <div class="bg">
                    <img src="./assets/images/assessment-img3.jpg" alt=""/>
                </div>
                <span>个人家具</span>
            </div>
            <div class="tub">
                <div class="bg">
                    <img src="./assets/images/assessment-img4.jpg" alt=""/>
                </div>
                <span>其他行业</span>
            </div>
        </div>
        <div class="t2">
            <div class="one">
                <div class="img">
                    <img src="./assets/images/news-img.png" alt=""/>
                </div>
                <div class="text">
                    <div class="title">专业培训</div>
                    <div class="text-bottom">
                        <span>培训通知</span>
                        <span>在线培训</span>
                        <span>现场培训</span>
                    </div>
                </div>
            </div>
            <div class="one">
                <div class="text">
                    <div class="title">专业咨询</div>
                    <div class="text-bottom">
                        <span>个人咨询</span>
                        <span>企业咨询</span>
                    </div>
                </div>
                <div class="img">
                    <img src="./assets/images/news-img2.png" alt=""/>
                </div>
            </div>
            <div class="one">
                <div class="img">
                    <img src="./assets/images/news-img3.png" alt=""/>
                </div>
                <div class="text">
                    <div class="title">人体工学资源</div>
                    <div class="text-bottom">
                        <span>案例分析</span>
                        <span>企业广告</span>
                        <span>产品推荐</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="rtgx">
            人体工学介绍和应用
        </div>
        <div class="t3">
            <div class="rtjs">
                <div class="title">人体工学介绍</div>
                <div class="text">
                    <span>历史</span>
                    <span>现在</span>
                </div>
                <div class="text1">
                    <span>将来</span>
                </div>
                
            </div>
        </div>
        <div class="t4">
            <div class="left">
                <div class="icons">
                    <img src="./assets/images/application-icon1.png" alt=""/>
                </div>
                <div class="title">职业应用</div>
            </div>
            <div class="right">
                <div class="icons">
                    <img src="./assets/images/application-icon2.png" alt=""/>
                </div>
                <div class="title">个人/家具应用</div>
            </div>
        </div>
        <div class="t5">
            <div class="icons">
                <img src="./assets/images/application-icon3.png" alt=""/>
            </div>
            <div class="title">
                其它应用
            </div>
        </div>
        <div class="lxwm">
            联系我们
        </div>
        <div class="t6">
            <div class="f1">
                <div class="img">
                    <img src="./assets/images/a_03.jpg" alt=""/>
                </div>
                <div class="title">
                    +86 15217196291
                </div>
            </div>
            <div class="f2">
                <div class="f3">
                    <div class="img">
                        <img src="./assets/images/a_06.jpg" alt=""/>
                    </div>
                    <div class="title">
                        01-706-560-3604
                    </div>
                </div>
                <div class="f4">
                    <div class="img">
                        <img src="./assets/images/a_08.png" alt=""/>
                    </div>
                    <div class="title">
                        ergo168@qq.com
                    </div>
                </div>
            </div>
            <div class="f1">
                <div class="img">
                    <img src="./assets/images/a_13.jpg" alt=""/>
                </div>
                <div class="title">
                    广州市天河区珠江新城珠江西路高德置地D座15楼
                </div>
            </div>
        </div>
        <div class="t7">
            <div id="map" style="width:100%;height:200px;border:#ccc solid 1px;font-size:12px;">
        </div>
        </div>
        <div class="bottom">
            <div class="sy">
                <div class="bg">
                    <img src="./assets/images/a_01.png" alt=""/>
                </div>
                <div class="title">首页</div>
            </div>
            <div class="gy">
                <div class="bg">
                    <img src="./assets/images/a_17.jpg" alt=""/>
                </div>
                <div class="title">关于我们</div>
            </div>
            <div class="fx">
                <div class="bg">
                    <img src="./assets/images/a_19.jpg" alt=""/>
                </div>
                <div class="title">风险评估</div>
            </div>
            <div class="yh">
                <div class="bg">
                    <img src="./assets/images/a_24.png" alt=""/>
                </div>
                <div class="title">用户中心</div>
            </div>
        </div>
    </div>

</body>
</html>
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/less.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/wow.min.repeat.js"></script>
<!-- Swiper JS -->
<script src="./assets/js/swiper-bundle.min.js"></script>
<script>
    var swiper = new Swiper(".mySwiper", {
      spaceBetween: 30,
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
      },
    });
  </script>
<script>
    //懒加载初始化
    new WOW().init()


    //百度地图
    var map = new BMap.Map("map");    // 创建Map实例

    // 初始化地图,设置中心点坐标和地图级别
    map.centerAndZoom(new BMap.Point(113.26197, 23.10379), 12);

    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
      mapTypes:[
              BMAP_NORMAL_MAP,
              BMAP_HYBRID_MAP
          ]}));	  
    map.setCurrentCity("广州");          // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放


    //判断是否为手机端
    var isTouch=('ontouchstart' in window);

    if(isTouch){
        $(".carousel").on('touchstart', function(e){
            var that=$(this);
            var touch = e.originalEvent.changedTouches[0];
            var startX = touch.pageX;
            var startY = touch.pageY;
            $(document).on('touchmove',function(e){
                touch = e.originalEvent.touches[0] ||e.originalEvent.changedTouches[0];
                var endX=touch.pageX - startX;
                var endY=touch.pageY - startY;
                if(Math.abs(endY)<Math.abs(endX)){
                    if(endX > 10){
                        $(this).off('touchmove');
                        that.carousel('prev');
                    }else if (endX < -10){
                        $(this).off('touchmove');
                        that.carousel('next');
                    }
                    return false;
                }        });
        });
        $(document).on('touchend',function(){
            $(this).off('touchmove');
        });
    }
</script>